<template>
  <div class="loading">
    <!-- --x 是自定义属性，后面的样式中会用到】-->
    <span style="--i:0;"></span>
    <span style="--i:1;"></span>
    <span style="--i:2;"></span>
    <span style="--i:3;"></span>
    <span style="--i:4;"></span>
    <span style="--i:5;"></span>
    <span style="--i:6;"></span>
  </div>
</template>

<script>

import "@/common/utils/css/loading.css"

export default {
  name: "xloading"
}
</script>

<style scoped>

</style>